<template>
  <g class="game-over"
    v-if="overStore.visible"
    :transform="`translate(${11 * GRID}, ${overStore.y})`"
  >
    <Text
      content="game"
      fill="#db2b00"
    />
    <Text
      content="over"
      fill="#db2b00"
      :transform="`translate(0, ${1.5 * GRID})`"
    />
  </g>
</template>

<script setup>
  import Text from './Text.vue'
  import { GRID } from '@/utils/global'
  import { useOverStore } from '@/store/over'

  const overStore = useOverStore()
</script>

<style lang="scss" scoped>

</style>